<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>发展环境监测</title>
    <link rel="icon" type="image/x-icon" href="../../images/logo.png">
    <link rel="stylesheet" href="../../plugin/M_select/js/M_select/M_select.css">
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/development.css">
</head>

<body>
    <div class="box">
        <!-- 头部 -->
        <div class="header-box">
                <img src="../../images/headeBg.png" alt="">
                <div class="weather-box">
                    <span>郑州 小雨转多云 32/16℃</span>
                </div>
                <h1 class="header-title"><img src="../../images/header.png" alt=""></h1>
                <div class="header-action">
                    <span class="action-time"></span>
                    <a href="javascript:;">管理中心</a>
                    <a href="javascript:;">退出</a>
                </div>
            </div>
        <div class="main-box">
            <!-- 侧边导航 -->
            <ul class="aside-box">
                    <li>
                        <a href="../home.html">
                            <span>
                                <img class="aside-img" src="../../images/home.png" alt="">
                                <img class="aside-imgA " src="../../images/homeA.png" alt="">
                                首页
                            </span>
                        </a>
                    </li>
                    <li class="active">
                        <a href="./development.html">
                            <span>
                                <img class="aside-img" src="../../images/huanjing.png" alt="">
                                <img class="aside-imgA" src="../../images/huanjingA.png" alt="">
                                产业发展环境
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../basic/basic.html">
                            <span>
                                <img class="aside-img" src="../../images/yaosu.png" alt="">
                                <img class="aside-imgA" src="../../images/yaosuA.png" alt="">
                                产业基础要素
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../passengerFlow/destination.html">
                            <span>
                                <img class="aside-img" src="../../images/keliu.png" alt="">
                                <img class="aside-imgA" src="../../images/keliuA.png" alt="">
                                旅游客流监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../productTesting/index.html">
                            <span>
                                <img class="aside-img" src="../../images/chanpin.png" alt="">
                                <img class="aside-imgA" src="../../images/chanpinA.png" alt="">
                                旅游产品监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../enterprise/scenicMonitor.html">
                            <span>
                                <img class="aside-img" src="../../images/qiye.png" alt="">
                                <img class="aside-imgA" src="../../images/qiyeA.png" alt="">
                                旅游企业监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../tourismProject/index.html">
                            <span>
                                <img class="aside-img" src="../../images/xiangmu.png" alt="">
                                <img class="aside-imgA" src="../../images/xiangmuA.png" alt="">
                                旅游项目监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../brand/brand.html">
                            <span>
                                <img class="aside-img" src="../../images/pinpai.png" alt="">
                                <img class="aside-imgA" src="../../images/pinpaiA.png" alt="">
                                旅游品牌监测
                            </span>
                        </a>
                    </li>
                </ul>
            <!-- 主题内容 -->
            <div class="content-box ">
                <div class="content-nav-box">
                    <a href="development.html" class="active">发展环境监测 </a>
                    <a href="weather.html"> 环境气象监测</a>
                    <a href="traffic.html">交通监测</a>
                    <a href="lyrical.html">舆情监测</a>
                </div>
                <!-- 主体 -->
                <div class="flex-chart-between">
                    <div class="left-box">
                        <!-- 游客量 -->
                        <div>
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png" alt="">
                                    国内外游客
                                </h3>
                            </div>
                            <div class="visitor-number-chart chart-box">
                                <div id="chart2-1-1"></div>
                                <div class="chart-hd" id="chart2-1-2"></div>
                                <div class="chart-hd" id="chart2-1-3"></div>
                            </div>
                            <div class="change-box">
                                <div class="line-box"></div>
                                <ul>
                                    <li class="active">
                                        <i></i>
                                        <span>国内</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <span>出境</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <span>入境</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png" alt="">
                                    国内外游客收入
                                </h3>
                            </div>
                            <div class="visitor-number-chart chart-box">
                                <div id="chart2-2-1"></div>
                                <div class="chart-hd" id="chart2-2-2"></div>
                                <div class="chart-hd" id="chart2-2-3"></div>
                            </div>
                            <div class="change-box">
                                <div class="line-box"></div>
                                <ul>
                                    <li class="active">
                                        <i></i>
                                        <span>国内</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <span>出境</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <span>入境</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div>

                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png" alt="">
                                    游客出行交通方式
                                </h3>

                            </div>
                            <div class="chart-box" id="chart2-3"></div>
                        </div>
                    </div>
                    <!-- 中间 -->
                    <div class="center-box">
                        <div class="center-title">
                            <div>
                                <h3>河南省年度累计游客量(万人)</h3>
<!--                                <p><span>1</span><span>6</span><span>5</span><span>8</span><i>,</i><span>6</span><span>5</span><span>2</span>-->
<!--                                </p>-->
                                <div class="numberStyle">1658,450</div>
                            </div>
                            <div>
                                <h3>旅游总收入(万元)</h3>
<!--                                <p><span>0</span><span>1</span><span>9</span><span>6</span><i>,</i><span>8</span><span>6</span><span>5</span>-->
<!--                                </p>-->
                                <div class="numberStyle">0124,457</div>
                            </div>
                        </div>
                        <div class="center-map-box" id="chart2-7"></div>
                        <!-- 视频监控 -->
                        <div class="tourists-box">
                            <div class="title-box">
                                <a href="javascript:;" class="active">客源地</a>
                                <a href="javascript:;">客源城市</a>
                                <a href="javascript:;">入境客源地</a>
                                <a href="javascript:;">境外客源地</a>
                            </div>
                            <div class="center-chart-box">
                                <div id="chart2-8-1"></div>
                                <div class="chart-hd" id="chart2-8-2"></div>
                                <div class="chart-hd" id="chart2-8-3"></div>
                                <div class="chart-hd" id="chart2-8-4"></div>
                            </div>


                        </div>
                    </div>
                    <!-- 右侧 -->
                    <div class="right-box">
                        <div>
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png" alt="">
                                    河南省游客
                                </h3>
                            </div>
                            <div class="visitor-number-chart chart-box">
                                <div id="chart2-4-1"></div>
                                <div class="chart-hd" id="chart2-4-2"></div>
                                <div class="chart-hd" id="chart2-4-3"></div>
                            </div>
                            <div class="change-box">
                                <div class="line-box"></div>
                                <ul>
                                    <li class="active">
                                        <i></i>
                                        <span>省内</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <span>出境</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <span>入境</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png" alt="">
                                    河南省旅游收入
                                </h3>
                            </div>
                            <div class="visitor-number-chart chart-box">
                                <div id="chart2-5-1"></div>
                                <div class="chart-hd" id="chart2-5-2"></div>
                                <div class="chart-hd" id="chart2-5-3"></div>
                            </div>
                            <div class="change-box">
                                <div class="line-box"></div>
                                <ul>
                                    <li class="active">
                                        <i></i>
                                        <span>省内</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <span>出境</span>
                                    </li>
                                    <li>
                                        <i></i>
                                        <span>入境</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div>
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png" alt="">
                                    河南省旅游收入占比
                                </h3>

                            </div>
                            <div class="chart-box" id="chart2-6"></div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
    <script src="../../plugin/jquery-1.11.1.min.js"></script>
    <script src="../../plugin/ECharts/echarts.js"></script>
    <script src="../../plugin/ECharts/china.js"></script>
    <script src="../../plugin/M_select/js/M_select/M_select.js"></script>
    <script src="../../js/jquery.leoTextAnimate.js"></script>
    <script src="../../js/common.js"></script>
    <script src="../../js/development.js"></script>
    <script>
      <!-- 数字 -->
      $('.numberStyle').leoTextAnimate({
        delay: 1000, //延时出现时间
        autorun: true, //是否自动运行
        fixed: [',', ':', '.'], //
        start: '0'
      });
    </script>
</body>

</html>
